$(function () {

    // 热门  销量   评分
    $('.sec1_ul3_a').click(function () {
        $(this).children('i').toggleClass('icon-arrowreduce').toggleClass('icon-arrowrise');
        $(this).prop('id', 'yanse');
        $(this).parent().siblings().children().removeAttr('id')
    })


    // 页数
    zongde1();
    $('.aa1').css({ 'background': 'red', 'color': '#fff' })

    function zongde1() {
        var str2;
        $.each(allData.dianpujie[0].dianpujie1, function (v, i) {
            dpjshuju(v, i);
        })
    }
    function zongde2() {
        var str2;
        $.each(allData.dianpujie[0].dianpujie2, function (v, i) {
            dpjshuju(v, i);
        })
    }
    // 数据
    function dpjshuju(v, i) {
        var str = '';
        str += `
        <div class="box" style="left:${i.dpjLeft}; top:${i.dpjTop};" data-id=${i.id}>
            <a href="javascript:void(0);"><img src="${i.dpjImg}"alt="${i.dpjName}"></a>
            <a href="javascript:void(0);" class="font_heart"><i class="iconfont icon-like"></i></a>
            <div class="smallbox">
                <div class="logo"><a href="javascript:void(0);"><img src="${i.dpjLogo}" alt="${i.dpjName}"></a></div>
                <div class="logo_name"><a href="javascript:void(0);" id="l_n">${i.dpjName}</a></div>
                <div class="dpjdpj">
                
                </div>
                <p>${i.dpjBrand}</p>
                <p>
                    商家等级：
                    <img src="${i.dpiXimg}" width="20" title="https://x.dscmall.cn/storage/金牌商家">
                </p>
            </div>
        </div>
        `;
        $('.seccc2').append(str);
        // console.log($('.seccc2'));

        if (i.dpjZiying == '平台自营') {
            str2 = `
            <div class="pingtai">${i.dpjZiying}</div>
            `;
            $('.dpjdpj').eq(v).append(str2);
        }

    }
    $('.prev').click(function (e) {
        $('.box').hide();
        $('.aa1').css({ 'background': 'red', 'color': '#fff' })
        $('.aa2').css({ 'background': '#f8f8f8', 'color': 'grey' })
        zongde1();
    })
    $('.one').click(function (e) {
        $('.box').hide();
        $('.aa1').css({ 'background': 'red', 'color': '#fff' })
        $('.aa2').css({ 'background': '#f8f8f8', 'color': 'grey' })
        zongde1();
    })
    $('.two').click(function (e) {
        $('.box').hide();
        $('.aa2').css({ 'background': 'red', 'color': '#fff' })
        $('.aa1').css({ 'background': '#f8f8f8', 'color': 'grey' })
        zongde2();
    })
    $('.next').click(function (e) {
        $('.box').hide();
        $('.aa2').css({ 'background': 'red', 'color': '#fff' })
        $('.aa1').css({ 'background': '#f8f8f8', 'color': 'grey' })
        zongde2();
    })

})